{include file='common/_meta' /}
<style>
    table td .layui-table-cell,table th .layui-table-cell {
        padding: 0 5px;
    }
    .layui-form .layui-form-label{
        padding: 0 5px;
        height: 30px;
        line-height: 28px;
        width: 25%;
    }
    .layui-form .layui-btn{
        height: 30px;
        line-height: 28px
    }
    .layui-form .layui-inline{
        margin-top:5px
    }
    .layui-form .layui-input-inline{
        width: 70%;
    }
    .layui-form .layui-input-inline .layui-input,.layui-input-inline select{
        width: 100%;
        height: 30px
    }
</style>
<body>
<div class="container">
    <div class="layui-col-xs12 layui-col-md12">
        <table class="layui-hide" id="initdate" lay-filter="datatable" lay-size="sm"></table>
    </div>
</div>
{include file="common/_footer"}

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="{:$Think.config.__STATIC__}/lib/datatables/1.10.0/jquery.dataTables.min.js"></script>
<script type="text/javascript">
layui.use(['table','laydate','form'], function(){
    var table = layui.table;
    var layer = layui.layer;
    var form  = layui.form;

    //表格
    table.render({
        elem: '#initdate'
        ,url: "{:url('Orders/plat_list')}"
        ,where: {api: 1, id: {$id}, stime: {$stime} }
        ,cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
        ,totalRow: false //合计
        ,defaultToolbar: ['filter']//默认工具栏
        ,text: {
            none: '搜索到0条数据' //默认：无数据。注：该属性为 layui 2.2.5 开始新增
        }
        ,autoSort: false//默认 true，即直接由 table 组件在前端自动处理排序。若为 false，则需自主排序，通常由服务端直接返回排序好的数据。
        ,method:'get'//请求方式
        ,page:true//开启分页
        ,limit:20//每页记录数
        ,cols: [[
            {field:"bus_plat_id" ,title:"上游订单号",minWidth:"120"}
            ,{field:"pladtid" ,title:"通道ID"}
            ,{field:"platfrom" ,title:"通道名称",minWidth:"110"}
            ,{field:"group_flag_" ,title:"通道类型",minWidth:"100"}
            ,{field:"port_number" ,title:"下发端口号",minWidth:"100"}
        ]]
        ,size: 'sm'
        ,id: 'phoneTable'
    });
});

</script>
<!--/请在上方写此页面业务相关的脚本-->
</body>
</html>